﻿@charset 'utf-8';

/*自定义样式*/

html, body{height:100%;}
a,a:hover{text-decoration:none;}
.header{height:50px;background-color:#337ab7;position:absolute;left:0;right:0;top:0;z-index:10;line-height:50px;color:#fff;min-width:760px;}
.header .logo{float:left;position:relative;min-width:180px;padding-left:50px;text-align:center;line-height:50px;font-size:14px;border-right:1px solid #2e6da4;}
.header .logo a{color:#fff;}
.header .logo span{font-size:20px;width:50px;height:50px;background-color:#3988cb;position:absolute;left:0;top:0;line-height:50px;text-align:center;background:url(../images/header_logo.png) no-repeat;}
.header .logo span:before{content:none;}
.header .time{float:left;border-left:1px solid #3988cb;padding-left:20px;width:200px;border-right:1px solid #2e6da4;}
.header .menu{float:left;}
.header .menu-ul{border-right:1px solid #3988cb;float:left;padding:0;margin:0;}
.header .menu-li{float:left;border-left:1px solid #3988cb;position:relative;list-style:none;}
.header .menu-li a{color:#fff;float:left;padding:0 10px;border-right:1px solid #2e6da4;height:50px;}
.header .menu-li a:hover, .header .open a{background-color:#286090;border-color:#286090;}
.header .menu .current a, .header .menu .current a:hover{background-color:#3988cb;border-color:#3988cb;}
.header .menu-fr{float:right;display:block;border-left:1px solid #2e6da4;}
.header .menu-fr .menu-ul{border-right:0;}
.header .menu-sub-ul{line-height:25px;position:absolute;display:none;right:0;top:100%;margin:1px 0 0;border:1px solid #ccc;border-color:rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);border-radius:6px;padding:8px 0;white-space:nowrap;background-color:#fff;}
.header .menu-sub-ul:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:#ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;right:27px;}
.header .menu-sub-ul:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;right:28px;}
.header .menu-sub-ul a{color:#333;height:25px;line-height:25px;float:none;display:block;padding:2px;width:150px;text-align:center;background:none;border:0;}
.header .menu-sub-ul a:hover{color:#fff;}
.header .menu-sub-ul .current a{color:#fff;}
.header .menu-btn{display:none;}
.header .icon-menu{font-size:32px;line-height:32px;vertical-align:middle;}
.header .icon-arrow-dn{margin:0 3px;font-size:17px;vertical-align:middle;}
.header .open .menu-sub-ul{display:block;}
.wrapper{position:absolute;left:0;right:0;top:50px;bottom:0;}
.container{position:absolute;left:0;top:0;right:0;bottom:0;padding:0;margin:0;overflow:auto;width:100%;height:100%;min-width:660px;}
.container:before,.container:after{content:none;}
.toggle-menu{position:absolute;left:0;top:50%;height:40px;margin-top:-20px;width:14px;background-color:#ccc;font-size:14px;line-height:40px;color:#fff;z-index:1;border-radius:0 5px 5px 0;}
.toggle-menu:hover{background-color:#333;cursor:pointer;}
.toggle-menu span{line-height:40px;} 
.side{width:180px;height:100%;float:left;}
.side-wrapper{display:table;position:absolute;height:100%;left:0;top:0;}
.side-menu{background-color:#293038;width:180px;display:table-cell;position:relative;z-index:1;}
.side-menu dt{color:#fff;padding-left:30px;line-height:60px;background-color:#22282e;font-size:14px;}
.side-menu dd a{color:#fff;display:block;padding-left:30px;line-height:50px}
.side-menu dd a:hover{background-color:#2e6da4;}
.side-menu .current, .side-menu .current a:hover{background-color:#2e6da4;}
.side-menu .toggle-menu{right:auto;left:100%;border-radius:0 5px 5px 0;background-color:#eee;color:#293038;}
.sub-menu{background-color:#eaedf1;width:180px;display:table-cell;vertical-align:top;position:relative;}
.sub-menu dt{background-color:#d9dee4;line-height:60px;padding-left:30px;font-size:14px;}
.sub-menu dd a{display:block;line-height:50px;padding-left:30px;color:#333;}
.sub-menu dd a:hover{background-color:#d9dee4;}
.sub-menu .current a, .sub-menu .current a:hover{background-color:#fff;}

.main{display:block;position:relative;overflow:hidden;height:100%;}
.main-wrap{position:absolute;left:0;right:0;top: 0; bottom: 0; overflow: auto; padding: 15px; }
.pagination{margin-top:0;}
.control-error{color:#a94442;padding-top:5px;display:inline-block;vertical-align:top;}
.is-required:before{content:'*';color:#a94442;margin-right:4px;}
.form-group .ztree{border:1px solid #ccc;border-radius:4px;}
.form-group .ztree-custom{background-color:#f8f8f8;padding:8px;border-color:#e7e7e7;}
.navbar-form-custom{margin-top:2px;}
.navbar-form-custom .form-group,.navbar-form-custom .btn{margin-top:6px;}
.h4-custom{margin-top:0;}
@media (max-width: 1900px) {
  .header .menu-btn {
    display: block;
  }
  .menu {
    display: none;
  }
  .header .time {
    border-right: 0;
  }
}
@media (min-width: 970px) {
  .header .menu-btn {
    display: none;
  }
  .menu {
    display: block;
  }
}

.load-bg{background-color: rgba(0, 0, 0, 0.7) !important;}
.center{text-align: center;}
.has-error{color:#a94442;}

.primary{color:#409eff;} .success{color:#67c23a;} .warning{color:#e6a23c;} .info{color:#909399;} .danger{color:#f56c6c;}
.font12{font-size: 12px;} .font16{font-size: 16px;} .font20{font-size: 20px;} .font24{font-size: 24px;}
.w-r-10{width:10% !important;} .w-r-15{width:15% !important;} .w-r-20{width:20% !important;} .w-r-25{width:25% !important;} 
.w-r-30{width:30% !important;} .w-r-35{width:35% !important;} .w-r-40{width:40% !important;} .w-r-45{width:45% !important;}
.w-r-50{width:50% !important;} .w-r-55{width:55% !important;} .w-r-60{width:60% !important;} .w-r-65{width:65% !important;} 
.w-r-70{width:70% !important;} .w-r-75{width:75% !important;} .w-r-80{width:40% !important;} .w-r-45{width:85% !important;}
.w-m-120{min-width: 120px;} .w-m-180{min-width: 180px;} .w-m-300{min-width: 300px;} .w-m-500{min-width: 500px;} .w-m-550{min-width: 550px;}

.el-pagination{white-space: nowrap; padding: 2px 5px; color: #48576a; text-align: right;margin-top: 5px;}